<template>
  <div class="message">
    <van-nav-bar title="消息中心" left-arrow @click-left="onClickLeft">
    </van-nav-bar>
    <div class="content">
      <img src="@/assets/img/message/icon_message.png" alt="">
      <span>暂无聊天消息</span>
    </div>
  </div>
</template>

<script setup>
  import {useRouter} from 'vue-router'
  const router = useRouter()
  const onClickLeft = () => {
    router.back()
  }
</script>

<style lang="less" scoped>
  .message {

    .content {
      margin-top: 20px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;

      img {
        width: 88%;
      }
    }
  }
</style>